<!doctype html>
<html>

<head>
	<meta charset="utf-8" />
	<title>迈世通胰岛素泵</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 先引入 Vue -->
	<script src="https://unpkg.com/vue@2.4.2/dist/vue.js"></script>
	<link href="//at.alicdn.com/t/font_1066931_wmc5mfdjun.css" rel="stylesheet" />
	<style>
		.lds-hourglass {
			display: inline-block;
			position: relative;
			width: 64px;
			height: 64px;
		}
		.lds-hourglass:after {
			content: " ";
			display: block;
			border-radius: 50%;
			width: 0;
			height: 0;
			margin: 6px;
			box-sizing: border-box;
			border: 26px solid #0099ff;
			border-color: #0099ff transparent #0099ff transparent;
			animation: lds-hourglass 1.2s infinite;
		}
		@keyframes lds-hourglass {
			0% {
				transform: rotate(0);
				animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}
			50% {
				transform: rotate(900deg);
				animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}
			100% {
				transform: rotate(1800deg);
			}
		}
	</style>
</head>

<body>
	<div id="app">
		<router-view v-if="loaded"></router-view>
		<div class="lds-hourglass" v-else></div>
	</div>
</body>
<script src="./main.build.js"></script>

</html>